// .hex-editor-style {
//     :global {
//         .byteValue {
//             .nybbleHighValue {
//                 word-spacing: -0.5em;
//             }
//             .nybbleLowValue {
//                 word-spacing: -0.5em;
//             }
//         }
//         .asciiValue {
//             word-spacing: -0.5em;
//         }
//     }
// }
.monaco-editor-style {
    :global {
        .crlf::before {
            opacity: 0;
        }
        .lf::before {
            opacity: 0;
        }
    }
}
:global {
    /* 普通 hover 行 */
    .monaco-editor .suggest-widget .monaco-list-row:hover:not(.focused):not(.selected) {
        background-color: var(--Colors-Use-Neutral-Bg-Hover) !important;
        color: var(--Colors-Use-Neutral-Text-3-Secondary) !important;
    }

    .crlf::before {
        content: "↵";
        background-color: var(--yakit-colors-Neutral-40); /* 灰色背景 */
        margin: 4px;
        padding: 2px; /* 根据需要添加内边距 */
        border-radius: 3px; /* 添加圆角以使样式更好看 */
        color: var(--Colors-Use-Neutral-Text-1-Title); /* 设置文字颜色为白色，以便在灰色背景上更清晰可见 */
        opacity: 0.3;
    }
    .content-length:hover::after {
        content: "发包时自动修复，一般无需指定";
        background-color: var(--Colors-Use-Neutral-Bg);
        color: var(--Colors-Use-Neutral-Text-3-Secondary);
        padding: 5px;
        border: 1px solid var(--Colors-Use-Neutral-Border);
        border-radius: 4px;
    }
    .lf::before {
        content: "↓";
        background-color: var(--Colors-Use-Neutral-Bg); /* 灰色背景 */
        margin: 4px;
        padding: 2px; /* 根据需要添加内边距 */
        border-radius: 3px; /* 添加圆角以使样式更好看 */
        color: var(--Colors-Use-Neutral-Text-1-Title); /* 设置文字颜色为白色，以便在灰色背景上更清晰可见 */
        opacity: 0.3;
    }
    .unicode-decode {
        background-color: var(--Colors-Use-Blue-Bg-Hover);
    }

    .unicode-decode::after {
        content: " ";
        background-color: var(--Colors-Use-Basic-Background);
    }

    .unicode-decode-after {
        color: var(--Colors-Use-Neutral-Text-1-Title);
        background-color: var(--Colors-Use-Neutral-Bg);
        padding-left: 2px;
        border-radius: 3px;
        opacity: 0.3;
        font-weight: bold;
        cursor: none;
        user-select: none;
    }
}
.new-http-packet-editor {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--Colors-Use-Basic-Background);
    :global {
        .ant-card-head {
            background-color: var(--Colors-Use-Basic-Background);
            height: 32px;
            min-height: 32px;
            box-sizing: content-box;
            border-bottom: 1px solid var(--Colors-Use-Neutral-Border);
            .ant-card-head-wrapper {
                height: 100%;
                .ant-card-head-title {
                    padding: 0px;
                    display: flex;
                    align-items: center;
                }
                .ant-card-extra {
                    padding: 0px;
                }
            }
        }
        .flex-card {
            border-radius: 4px 0 0 4px;
        }
    }
}
.type-options-checkable-tag {
    display: flex;
    :global {
        .ant-tag {
            margin-right: 2px;
        }
    }
}
